/*公共*/
p,
ul,
li {margin: 0; padding: 0;}
a {text-decoration: none; color: #333333;}
a:link,a:visited,a:hover,a:active {text-decoration: none; }
ul li {list-style: none;}
.m0 {margin: 0;}
.m-auto {margin: 0 auto;}
body {font-family: "Microsoft YaHei",tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif !important;}
/* 可以加入框架的 */
.vertical-a-t {vertical-align: top;}
.vertical-a-m {vertical-align: middle;}
.white-s-n{white-space: normal;}
.font-n {font-weight: normal;}
.border-none {border: none;}
/* 考虑要不要加入的 */
.font-c {color: #cccccc;}

/* 有important 特殊规定 */
.bg-ccc {background: #cccccc !important;}
.mt14 {margin-top: 14px !important;}

/* 按钮及按钮的点击效果时用到这个类 */
.bg-0e5699 {background: #0e5699;}

/* 项目的主体色，使用较多，在按钮点击效果也有使用 */
.bg-1890ff {background: #1890ff;}
.font-1890ff {color: #1890ff;}

.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font28 {font-size: 28px;}

/* 使用的太多，并且对w100-per与w100css中还要使用*/
.font-red {color: #ff0000;}
.radius-4 {border-radius: 4px;}
.radius-10 {border-radius: 10px;}
.left50-per {left: 50%;}
.w100-per {width: 100%;}
.ht100-per {height: 100%;}
.w100 {width: 100px;}
.w130 {width: 130px;}
.w320 {width: 320px;}
.ht30 {height: 30px;}
.ht40 {height: 40px;}
.l-ht28 {line-height: 28px;}
.l-ht30 {line-height: 30px;}
.l-ht40 {line-height: 40px;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.pr5 {padding-right: 5px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.mt10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.ml10 {margin-left: 10px;}
/* 因为有dropdown的影响 */
.w200 {width: 200px;}
.w220 {width: 220px;}

/* 重写bootstrap label */
label {font-weight: normal !important;}
/*lyy*/
.left_69 { left: 69px !important; }
ul.nav_list li { position: relative; }
ul.nav_list li ul { left: 199px; position: absolute; width: 200px; top: 0; display: none; z-index: 10; }
ul.nav_list li ul li ul { left: 199px !important; }
ul.nav_list li a i { color: #fff; }
ul.nav_list li a span { color: #fff; }
ul.nav_list li:hover { background: #1a2735; }
ul.nav_list li:hover>ul { display: block; background: #1a2735; }
ul.nav_list li:hover>ul li:hover{ background: #313d4a; }
ul.nav_list li:hover ul li a { color: #fff; padding-left: 20px; }
ul.nav_list li a{text-decoration: none; }
ul.nav_list li a:link,ul.nav_list li a:visited,ul.nav_list li a:hover,ul.nav_list li a:active {text-decoration: none; }
ul.set>li:hover ul.set_02 { display: block; }

/*图片选中时周围的shadow*/
.pic-sha{box-shadow: 1px 1px 5px 5px #9ec6f8;}

/*fdw00005下拉框的宽度调整*/
.multiselect-container {width:320px;}

/*equipment页面弹窗中下拉框中的字体颜色与大小*/
.multiselect-selected-text {font-size: 12px;color: #666;}

/* 登录页的input聚焦时去掉蓝色边框 */
#ZJ201801260000000900 input:focus {outline: none;}

/* input textarea 为disabled时，去掉背景色 */
input:disabled {background: none;border: none;}
textarea:disabled {background: none;border:none;}

/* compile页面的过去三十天 */
div#day30:hover {background:#444;color:#fff;}

/* fd-w000004多选日期控件 */
div.datepicker input {width: 580px;height: 30px;line-height: 30px;border: 1px solid #ddd;border-radius: 4px;}

/* 设置部分的三角 */
.set_triangle:before { content:""; position: absolute; top:-6px;left:40px; display:inline-block; width:10px; height:10px; background: #f4f4f4; border-left:solid 1px #c6c6c6;  border-top:solid 1px #c6c6c6; transform:rotate(45deg);z-index: -100;}
/*hss*/
.login-bg { background-image: url(../images/bg.png); background-position: center center; background-repeat: no-repeat; }

.rotate-45{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.rotate-90{transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); }
.text-shadow{text-shadow:0 0 5px #333333;}

.set p{ display: none; padding:10px 0; background: #F0F4F8; overflow:visible; }
.set:hover p{ display: block; }
.set span:hover{ background:#ffffff;  }
.set p i{border-left:solid 1px #ddd; border-top:solid 1px #ddd; background: #F0F4F8; width:10px;height:10px;top:-6px;left:30px; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}

.t_title span i { visibility: hidden; }
.t_title span:hover i { visibility: visible; }
.t_title span:hover i { display: inline-block; }
.t_title span:hover .dropdown { display: block; } 
.t_title .dropdown { display: none; box-shadow: 2px -2px 3px #999; }

.t_title .dropdown div.dropdown_triangle { position: absolute; top:-6px; display:inline-block; width:10px; height:10px; background: #f4f4f4; border-left:solid 1px #ddd;  border-top:solid 1px #ddd; transform:rotate(45deg);
-ms-transform:rotate(45deg); /* Internet Explorer */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */  }

.t_title .w150 { width: 150px; }
.t_title .w200 { width: 200px; }
.t_title .w220 { width: 220px; }
.t_title .w269 { width: 269px; }
.t_title .w300 { width: 300px; }
.t_title .w350 { width: 350px; }
.t_title .w359 { width: 359px; }
.t_title .w507{ width: 507px; }
.t_title .w300 .dropdown { left:90px; }
.t_title .w350 .dropdown { left:120px; }
.t_title .w359 .dropdown { left:130px; }
.t_title .w507 .dropdown { left:200px; }
.t_title .dropdown input[type="checkbox"]{margin:0 5px 0 0; }
.t_title .dropdown a:hover{ text-decoration: none;background: #ffffff; }


.t_body div.tableRow:nth-child(even){ background: #fafafa; }
.t_body div.tableRow:hover{ background: #eeeeee; }

.addButton:hover p { display: block; }

.group_delete i{ display: none; }
.group_delete:hover i{ display: block; }
.group_delete2{ padding:10px;}
.group_delete2 i{ display: none; }
.group_delete2:hover{background:#f4f4f4; }
.group_delete2:hover i{ display: block; }
.group_change div.w100-per{ background:rgba(0,0,0,0.4); display: none;z-index:2; }
.group_change div.w100-per input{ top:20px;left:210px; }
.group_change:hover div.w100-per{ display: block; }
.preview{color: #1890ff; }
.preview:hover{color: #1890ff; text-decoration: underline;}

.overflow-x-s{ overflow-x: auto; }
.overflow-x-s::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); background-color: #f4f4f4; border-radius: 10px; }
.overflow-x-s::-webkit-scrollbar{ height: 10px; background-color: #f4f4f4; }
.overflow-x-s::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #dddddd; }
.overflow-y-a{ overflow-y: auto; }
.overflow-y-a::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); background-color: #f4f4f4; border-radius: 6px; }
.overflow-y-a::-webkit-scrollbar{ width: 6px; background-color: #f4f4f4; }
.overflow-y-a::-webkit-scrollbar-thumb{ border-radius: 6px; background-color: #dddddd; }
body::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); background-color: #f4f4f4; border-radius: 6px; }
body::-webkit-scrollbar{ width: 6px; background-color: #f4f4f4; }
body::-webkit-scrollbar-thumb{ border-radius: 6px; background-color: #dddddd; }
.overflow-h{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

section.print_page{ width: 900px; height:1200px; margin: 0 auto;}

input.bg-1890ff:active {background: #0077e6;}
input.bg-0e5699:active {background: #1371c9;}

